import {useState, useEffect} from 'react';

export default function Test(props){
    //声明状态                          设置状态的默认值
    const [isNight, setNight] = useState(false);

    //声明函数
    let changeNight = () => {
        setNight(!isNight);
    }

    //useEffect 模拟组件挂载完毕的钩子   componentDidMount
    useEffect(() => {
        // 挂载完毕, 更新完毕
        console.log('我已经完成了挂载');
        //模拟组件即将要卸载的钩子  componentWillUnmount
        return () => {
            console.log('我要卸载啦!!');
        }
    });

    return <div>
        <h2>至尊宝, 我是{isNight ? '青霞' : '紫霞'}</h2>
        <button onClick={changeNight}>点击切换白天与黑夜</button>
    </div>

}